<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>极客学院仿</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
	<div class="wrap">
		<!--header头部-->
		<div class="header w1024">
			<div class="logo"><a href=""><img src="images/logo.png"></a></div>
			<div class="search_area">
				<input type="text" name="searchText" class="searchText" placeholder="搜索课程、问答或Wiki">
				<input type="submit" name="" class="searchBtn" value="">
				<div class="hotword">
					<a>Android</a>
					<a>iOS</a>
					<a>HTML5</a>
				</div>
			</div> 
			<div class="login_area">
				<a href="" class="messageicon"><img src="images/massage-icon2.gif"></a>
				<em>|</em>
				<a href="">QQ登录</a>
				<em>|</em>
				<a href="">登录</a>
				<em>|</em>
				<a href="">注册</a>
			</div>
		</div>
		<!--header头部 END-->

		<!--nav 导航条-->
		<div class="nav"> 
			<div class="nav_center w1024 clear">
				<div class="nav_box">
					<a href="">首页</a>
					<a href="">职业课程</a>
					<a href="">就业学习</a>
					<a href="">极客社区</a>
					<a href="">极客+</a>
					<!--隐藏菜单-->
					<ul class="navhide_box">
						<li>
							<span class="angle"></span>
							<a href="">课程库</a>
							<a href="">知识体系图</a>
							<a href="">职业路径图</a>
							<a href="">系列课程</a>
						</li>
						<li>
							<span class="angle"></span>
							<a href="">Web前端开发</a>
							<a href="">Android开发</a>
							<a href="">PHP 开发</a>
							<a href="">iOS开发</a>
							<a href="">JavaWeb开发</a>
						</li>
						<li>
							<span class="angle"></span>
							<a href="">Wiki</a>
							<a href="">技术问答</a>
							<a href="">社群</a>
							<a href="">资源分享</a>
						</li>
						<li>
							<span class="angle"></span>
							<a href="">高校合作</a>
							<a href="">极客人才联盟</a>
							<a href="">布道师招募</a>
							<a href="">实战教练招募</a>
						</li>
					</ul>
				</div>
				<div class="ueser_need">
					<a href=""><img src="images/vip-icon.png">VIP会员</a>
					<a href=""><img src="images/txwj-icon.png">填问卷领福利</a>
					<a href=""><img src="images/dl-icon.png">APP下载</a>
				</div>
			</div>
		</div>
		<!--nav 导航条 END-->

		<!--content内容 start-->
		<div class="content">
			<div class="section w1024 clear">
				<!--左边菜单栏-->
				<div class="leftBar">
					<ul>
						<li>
							<a href="">移动开发</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">应用开发</a></dt>
		                            <dd class="cf">
		                            	<a href="">Android</a>
		                            	<a href="">iOS</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">游戏开发</a></dt>
		                            <dd class="cf">
		                                <a href="">Cocos</a>
		                                <a href="">Unity3D</a>
		                                <a href="">SpriteKit 2D</a>
		                                <a href="">Unreal</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">常用框架</a></dt>
		                            <dd class="cf">
		                                <a href="">Cordova</a>
		                                <a href="">Axure</a>
		                                <a href="">React Native</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">测试工具</a></dt>
		                            <dd class="cf">
		                                <a href="">自动化测试</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
						<li>
							<a href="">前端开发</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">前端基础</a></dt>
		                            <dd class="cf">
		                            	<a href="">HTML</a>
		                            	<a href="">CSS</a>
		                            	<a href="">JavaScript</a>
		                            	<a href="">HTML5</a>
		                            	<a href="">CSS3</a>
		                            	<a href="">技术前瞻</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">前端进阶</a></dt>
		                            <dd class="cf">
		                                <a href="">Typescript</a>
		                                <a href="">前端安全</a>
		                                <a href="">项目实战</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">前端框架</a></dt>
		                            <dd class="cf">
		                                <a href="">jQuery</a>
		                                <a href="">jQuery UI</a>
		                                <a href="">jQuery Mobile</a>
		                                <a href="">Ext JS</a>
		                                <a href="">AngularJS</a>
		                                <a href="">ReactJS</a>
		                                <a href="">Bootstrap</a>
		                                <a href="">React Native</a>
		                                <a href="">Backbone</a>
		                                <a href="">Backbone</a>
		                                <a href="">Three.js</a>
		                                <a href="">MooTools</a>
		                                <a href="">Compass</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">HTML5游戏</a></dt>
		                            <dd class="cf">
		                                <a href="">Canvas</a>
		                                <a href="">SVG</a>
		                                <a href="">WebGL</a>
		                                <a href="">Cocos2d.js</a>
		                                <a href="">CreateJS</a>
		                                <a href="">Flash</a>
		                                <a href="">Unreal</a>
		                                <a href="">Egret</a>
		                                <a href="">Phaser</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
						<li>
							<a href="">后端开发</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">设计基础</a></dt>
		                            <dd class="cf">
		                            	<a href="">Photoshop</a>
		                            	<a href="">Flash</a>
		                            	<a href="">Illustrator</a>
		                            	<a href="">Sketch</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">游戏设计</a></dt>
		                            <dd class="cf">
		                                <a href="">界面设计</a>
		                                <a href="">角色设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">产品经理</a></dt>
		                            <dd class="cf">
		                                <a href="">需求分析</a>
		                                <a href="">Axure</a>
		                                <a href="">项目实战</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">视觉设计</a></dt>
		                            <dd class="cf">
		                                <a href="">应用UI设计</a>
		                                <a href="">网页UI设计</a>
		                                <a href="">设计理论</a>
		                                <a href="">图形设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">测试工具</a></dt>
		                            <dd class="cf">
		                                <a href="">自动化测试</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
						<li>
							<a href="">基础知识</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">设计基础</a></dt>
		                            <dd class="cf">
		                            	<a href="">Photoshop</a>
		                            	<a href="">Flash</a>
		                            	<a href="">Illustrator</a>
		                            	<a href="">Sketch</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">游戏设计</a></dt>
		                            <dd class="cf">
		                                <a href="">界面设计</a>
		                                <a href="">角色设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">产品经理</a></dt>
		                            <dd class="cf">
		                                <a href="">需求分析</a>
		                                <a href="">Axure</a>
		                                <a href="">项目实战</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">视觉设计</a></dt>
		                            <dd class="cf">
		                                <a href="">应用UI设计</a>
		                                <a href="">网页UI设计</a>
		                                <a href="">设计理论</a>
		                                <a href="">图形设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">测试工具</a></dt>
		                            <dd class="cf">
		                                <a href="">自动化测试</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
						<li>
							<a href="">云计算&amp;大数据</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">设计基础</a></dt>
		                            <dd class="cf">
		                            	<a href="">Photoshop</a>
		                            	<a href="">Flash</a>
		                            	<a href="">Illustrator</a>
		                            	<a href="">Sketch</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">游戏设计</a></dt>
		                            <dd class="cf">
		                                <a href="">界面设计</a>
		                                <a href="">角色设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">产品经理</a></dt>
		                            <dd class="cf">
		                                <a href="">需求分析</a>
		                                <a href="">Axure</a>
		                                <a href="">项目实战</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">视觉设计</a></dt>
		                            <dd class="cf">
		                                <a href="">应用UI设计</a>
		                                <a href="">网页UI设计</a>
		                                <a href="">设计理论</a>
		                                <a href="">图形设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">测试工具</a></dt>
		                            <dd class="cf">
		                                <a href="">自动化测试</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
						<li>
							<a href="">智能硬件&amp;物联网</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">设计基础</a></dt>
		                            <dd class="cf">
		                            	<a href="">Photoshop</a>
		                            	<a href="">Flash</a>
		                            	<a href="">Illustrator</a>
		                            	<a href="">Sketch</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">游戏设计</a></dt>
		                            <dd class="cf">
		                                <a href="">界面设计</a>
		                                <a href="">角色设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">产品经理</a></dt>
		                            <dd class="cf">
		                                <a href="">需求分析</a>
		                                <a href="">Axure</a>
		                                <a href="">项目实战</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">视觉设计</a></dt>
		                            <dd class="cf">
		                                <a href="">应用UI设计</a>
		                                <a href="">网页UI设计</a>
		                                <a href="">设计理论</a>
		                                <a href="">图形设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">测试工具</a></dt>
		                            <dd class="cf">
		                                <a href="">自动化测试</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
						<li>
							<a href="">数据库</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">设计基础</a></dt>
		                            <dd class="cf">
		                            	<a href="">Photoshop</a>
		                            	<a href="">Flash</a>
		                            	<a href="">Illustrator</a>
		                            	<a href="">Sketch</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">游戏设计</a></dt>
		                            <dd class="cf">
		                                <a href="">界面设计</a>
		                                <a href="">角色设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">产品经理</a></dt>
		                            <dd class="cf">
		                                <a href="">需求分析</a>
		                                <a href="">Axure</a>
		                                <a href="">项目实战</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">视觉设计</a></dt>
		                            <dd class="cf">
		                                <a href="">应用UI设计</a>
		                                <a href="">网页UI设计</a>
		                                <a href="">设计理论</a>
		                                <a href="">图形设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">测试工具</a></dt>
		                            <dd class="cf">
		                                <a href="">自动化测试</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
						<li>
							<a href="">认证考试</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">设计基础</a></dt>
		                            <dd class="cf">
		                            	<a href="">Photoshop</a>
		                            	<a href="">Flash</a>
		                            	<a href="">Illustrator</a>
		                            	<a href="">Sketch</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">游戏设计</a></dt>
		                            <dd class="cf">
		                                <a href="">界面设计</a>
		                                <a href="">角色设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">产品经理</a></dt>
		                            <dd class="cf">
		                                <a href="">需求分析</a>
		                                <a href="">Axure</a>
		                                <a href="">项目实战</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">视觉设计</a></dt>
		                            <dd class="cf">
		                                <a href="">应用UI设计</a>
		                                <a href="">网页UI设计</a>
		                                <a href="">设计理论</a>
		                                <a href="">图形设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">测试工具</a></dt>
		                            <dd class="cf">
		                                <a href="">自动化测试</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
						<li>
							<a href="">企业 IT</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">设计基础</a></dt>
		                            <dd class="cf">
		                            	<a href="">Photoshop</a>
		                            	<a href="">Flash</a>
		                            	<a href="">Illustrator</a>
		                            	<a href="">Sketch</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">游戏设计</a></dt>
		                            <dd class="cf">
		                                <a href="">界面设计</a>
		                                <a href="">角色设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">产品经理</a></dt>
		                            <dd class="cf">
		                                <a href="">需求分析</a>
		                                <a href="">Axure</a>
		                                <a href="">项目实战</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">视觉设计</a></dt>
		                            <dd class="cf">
		                                <a href="">应用UI设计</a>
		                                <a href="">网页UI设计</a>
		                                <a href="">设计理论</a>
		                                <a href="">图形设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">测试工具</a></dt>
		                            <dd class="cf">
		                                <a href="">自动化测试</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
						<li>
							<a href="">设计&amp;产品&amp;测试</a>
							<div class="detailed_list">
								<dl>
		                            <dt><a href="">设计基础</a></dt>
		                            <dd class="cf">
		                            	<a href="">Photoshop</a>
		                            	<a href="">Flash</a>
		                            	<a href="">Illustrator</a>
		                            	<a href="">Sketch</a>
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">游戏设计</a></dt>
		                            <dd class="cf">
		                                <a href="">界面设计</a>
		                                <a href="">角色设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">产品经理</a></dt>
		                            <dd class="cf">
		                                <a href="">需求分析</a>
		                                <a href="">Axure</a>
		                                <a href="">项目实战</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">视觉设计</a></dt>
		                            <dd class="cf">
		                                <a href="">应用UI设计</a>
		                                <a href="">网页UI设计</a>
		                                <a href="">设计理论</a>
		                                <a href="">图形设计</a>
		                                
		                            </dd>
		                        </dl>
		                        <dl>
		                            <dt><a href="">测试工具</a></dt>
		                            <dd class="cf">
		                                <a href="">自动化测试</a>
		                            </dd>
		                        </dl>
							</div>
						</li>
					</ul>
				</div>

				<!--中间banner-->
				<div class="focuscon">
					<!--banner-->
					<div class="focus_banner">
						<div class="banner" id="focus">
					        <ul>
					            <li><img src="images/banner4.jpg" /></li>
					            <li><img src="images/banner3.jpg" /></li>
					            <li><img src="images/banner2.jpg" /></li>
					            <li><img src="images/banner1.jpg" /></li>
				            </ul>
					    </div>
					</div>
					<!--轮播-->
					<div class="focuswork">
						<div class="focuslist" id="focuslist">
							<a class="listpre listarrow"></a>
							<a class="listnext listarrow"></a>
							<ul class="clear">
								<li>
									<a>
										<img src="images/html.png">
										<span>HTML5/Web前端工程师</span>
										<span class="infos">前腾讯高级前端工程师授课</span>
									</a>
								</li>
								<li>
									<a>
										<img src="images/phpicon.png">
										<span>HTML5/Web前端工程师</span>
										<span class="infos">前腾讯高级前端工程师授课</span>
									</a>
								</li>
								<li>
									<a>
										<img src="images/jiuyeicon.jpg">
										<span>HTML5/Web前端工程师</span>
										<span class="infos">前腾讯高级前端工程师授课</span>
									</a>
								</li>
								<li>
									<a>
										<img src="images/html.png">
										<span>HTML5/Web前端工程师</span>
										<span class="infos">前腾讯高级前端工程师授课</span>
									</a>
								</li>
								<li>
									<a>
										<img src="images/phpicon.png">
										<span>HTML5/Web前端工程师</span>
										<span class="infos">前腾讯高级前端工程师授课</span>
									</a>
								</li>
								<li>
									<a>
										<img src="images/jiuyeicon.jpg">
										<span>HTML5/Web前端工程师</span>
										<span class="infos">前腾讯高级前端工程师授课</span>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<!--右侧内容区-->
				<div class="rightside">
					<div class="newsbox">
						<h3>快讯</h3>
						<ul class="newslist">
							<li><a href=" " class="c_default">晒学习周报 免费领Android新书</a></li>
							<li><a href=" ">[限时免费]每周限免系列课程</a></li>
							<li><a href=" ">Python实战系列课程</a></li>
							<li><a href=" ">PHP职业路径图大量更新！</a></li>
						</ul>
					</div>
					<div class="ueserinfo">
						<div class="ueser_photo"><img src="images/default.gif"></div>
						<div class="ueser_about">
							<div class="helloword">
								<p><span>Hi! 你好</span></p>
				                <p>欢迎来到极客学院</p>
				            </div>
				            <div class="operate">
				            	<a href="" class="login_btn">登录</a>
				                <a href="" class="register_btn">注册</a>
				            </div>
						</div>
					</div>
					<div class="recommend">
						<ul class="frontrecon clear">
							<li>
								<a href="" class="rehover">
									<span class="question"></span>
									问答
									<i class="arrow_b"></i>
								</a>
							</li>
							<li>
								<a href="" class="rehover">
									<span class="wiki"></span>
									WiKi
									<i class="arrow_b"></i>
								</a>
							</li>
							<li>
								<a href="" class="rehover">
									<span class="subject"></span>
									课程
									<i class="arrow_b"></i>
								</a>
							</li>
							<li>
								<a href="" class="rehover">
									<span class="ground"></span>
									社群
									<i class="arrow_b"></i>
								</a>
							</li>
							<li>
								<a href="">
									<span class="download"></span>
									下载
								</a>
							</li>
							<li>
								<a href="">
									<span class="knowledge"></span>
									知识
								</a>
							</li>
							<li>
								<a href="">
									<span class="works"></span>
									职业
								</a>
							</li>
							<li>
								<a href="">
									<span class="vip"></span>
									VIP
								</a>
							</li>
						</ul>
						<div class="remonlist">
							<ul class="remontab clear">
								<li class="active"><a href="#queans">问答</a></li>
								<li><a href="">wiki</a></li>
								<li><a href="">课程</a></li>
								<li><a href="">社群</a></li>
							</ul>
							<div class="remoncon remonconfirst" id="queans">
								<ul>
									<li><a href=""><img src="images/listicon1.png"><span>【问答技巧】怎样提问才能让我的问题更快速被解答？</span></a></li>
									<li><a href=""><img src="images/listicon2.png"><span> Bootstrap 最新版 V4 中文文档</span></a></li>
									<li><a href=""><img src="images/listicon2.png"><span>【老师分享】对LPS的Manacher算法感兴趣的同学请</span></a></li>
									<li><a href=""><img src="images/games.png"><span> build_native.py时报错</span></a></li>
									<li><a href=""><img src="images/mobile.png"><span> 超级菜鸟想成为怎么成长？</span></a></li>
								</ul>
							</div>
							<div class="remoncon" id="remonwiki">
								<a href="">
									<img src="images/book1.jpg">
									<span>Java 程序员眼中的 Linux</span>
								</a>
								<a href="">
									<img src="images/book2.jpg">
									<span>Django 搭建博客</span>
								</a>
								<a href="">
									<img src="images/book3.jpg">
									<span>Django 搭建博客</span>
								</a>
							</div>
							<div class="remoncon" id="remonlesson">
								<a class="rebook">
									<img src="images/html.png">
									<h3>HTML5开发</h3>
								</a>
								<a class="rebook">
									<img src="images/android.png">
									<h3>Android</h3>
								</a>
								<a class="rebook">
									<img src="images/bootstrap.png">
									<h3>Bootstrap</h3>
								</a>
								<a class="rebook">
									<img src="images/Cocos2d.png">
									<h3>Cocos2d</h3>
								</a>
							</div>
							<div class="remoncon" id="remonsec">
								<ul class="re_community">
									<li>
										<img src="images/androidgray.png">
										<div class="info">Android工程师<p>已有1140人加入</p></div>
										<a href="" class="button orangebtn">+ 加入</a>
									</li>
									<li>
										<img src="images/reconicon1.png">
										<span class="info">Android工程师<p>已有1140人加入</p></span>
										<a href="" class="button orangebtn">+ 加入</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!--热门推荐-->
			<div class="section w1024">
				<div class="tab_label">
					<a href="">热门推荐</a>
					<a href="">最新课程</a>
					<a href="">免费课程</a>
					<a href="">项目实战</a>
					<a href="">全球首发</a>
					<a href="">企业合作</a>
				</div>
				<div class="tab_con">
					<ul class="clear">
						<li>
							<div class="lessonf">
								<a href="">
									<img src="images/lesson1.jpg">
									<span class="mask"><img src="images/player_icon.png"></span>
								</a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson2.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson3.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson4.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson5.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson6.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson7.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson8.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
					</ul>
					<ul class="clear">
						<li>
							<div class="lessonf">
								<a href="">
									<img src="images/lesson21.jpg">
									<span class="mask"><img src="images/player_icon.png"></span>
								</a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson22.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson23.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson24.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson5.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson25.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson7.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson26.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
					</ul>
					<ul class="clear">
						<li>
							<div class="lessonf">
								<a href="">
									<img src="images/lesson1.jpg">
									<span class="mask"><img src="images/player_icon.png"></span>
								</a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson2.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson41.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson41.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson5.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson6.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson42.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
						<li>
							<div class="lessonf">
								<a href=""><img src="images/lesson8.jpg"><span class="mask"><img src="images/player_icon.png"></span></a>
							</div>
							<div class="lesson_info">
								<a href="">Android 快速开发框架之 xUtils3</a>
								<p>本课程将详细讲解 xUtils3 的配置，并深入讲解注解模块、网络模块、图片模块、数据库模块四大模块在实际开发中的使用。</p>
								<div class="lessontime clear">
									<span>
										<img src="images/clok.png">
										4课时 35分钟
										<em class="lessonT_hide">2263人学习</em>
									</span>
									<span>
										<a class="lessonT_hide"><img src="images/oneji.png">初级</a>
										<em><img src="images/anicon.png"></em>
									</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!--热门课程 end-->

			<!--职业路径图-->
			<div class="section w1024">
				<div class="career_path">
					<div class="pro_title clear">
						<span class="title_n">
							<a>职业路径图</a>
							<i>?</i>
						</span>
						<a class="more_addr" href="">更多 >></a>
					</div>
					<ul class="clear">
						<li>
							<img src="images/work1.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
						<li>
							<img src="images/work2.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
						<li>
							<img src="images/work3.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
						<li>
							<img src="images/work4.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
						<li>
							<img src="images/work5.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
						<li>
							<img src="images/work6.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
						<li>
							<img src="images/work7.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
						<li>
							<img src="images/work8.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
						<li>
							<img src="images/work9.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
						<li>
							<img src="images/work10.png">
							<h3>Web大前端工程师</h3>
							<p>月薪15K-30K</p>
							<p>Web发展未来趋势</p>
							<a href="" class="button">立即学习</a>
						</li>
					</ul>
				</div>
			</div>
			<!--职业路径图 end-->

			<!--知识体系图-->
			<div class="section2 w1024">
				<div class="know_path">
					<div class="pro_title clear">
						<span class="title_n">
							<a>知识体系图</a>
							<i>?</i>
						</span>
						<a class="more_addr" href="">更多 >></a>
					</div>
					<ul class="clear">
						<li>
							<div class="front">
								<img src="images/html.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/android.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/bootstrap.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/Cocos2d.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/egret.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/ios.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/Java.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/javaweb.jpg">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/comput01.jpg">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/php.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/swift.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/docker.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/Java.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/javaweb.jpg">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/comput01.jpg">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/php.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/swift.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/docker.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/Java.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/javaweb.jpg">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/comput01.jpg">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/php.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/swift.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
						<li>
							<div class="front">
								<img src="images/docker.png">
								<h3>HTML5开发</h3>
								<span>116门课程</span>
							</div>
							<div class="back">
								<span>2374975人已学习</span>
								<a href="" class="button greenbtn">立即学习</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!--知识体系图 end-->

			<!--精品课程-->
			<div class="section2 w1024">
				<div class="excellent">
					<div class="pro_title clear">
						<span class="title_n">
							<a>精品系列课程</a>
							<i>?</i>
						</span>
						<a class="more_addr" href="">更多 >></a>
					</div>
					<div class="course_type clear">
						<div class="c_typein">
							<h2>Java 设计模式</h2>
							<img src="images/excellent1.jpg">
							<div class="course_info">
								<span>19门</span>
								<span>89564人学习</span>
								<a href="" class="button greenbtn">收藏</a>
							</div>
							<div class="course_describe">
								<a class="teacher"><img src="images/people1.jpg"></a>
								<a class="t_name">Arlena</a>
								<p><a href="">按照一个模式一个课程的方式讲解23种设计模式。每个模式讲3-4节课，从模拟项目设计引入设计模式设计方案，并有详细示例代码和效果演示。</a></p>
								<a href="" class="button greenbtn">马上学习</a>
							</div>
						</div>
						<div class="c_typein">
							<h2>Java 设计模式</h2>
							<img src="images/excellent2.jpg">
							<div class="course_info">
								<span>19门</span>
								<span>89564人学习</span>
								<a href="" class="button greenbtn">收藏</a>
							</div>
							<div class="course_describe">
								<a class="teacher"><img src="images/people2.jpg"></a>
								<a class="t_name">Arlena</a>
								<p><a href="">按照一个模式一个课程的方式讲解23种设计模式。每个模式讲3-4节课，从模拟项目设计引入设计模式设计方案，并有详细示例代码和效果演示。</a></p>
								<a href="" class="button greenbtn">马上学习</a>
							</div>
						</div>
						<div class="c_typein">
							<h2>Java 设计模式</h2>
							<img src="images/excellent3.jpg">
							<div class="course_info">
								<span>19门</span>
								<span>89564人学习</span>
								<a href="" class="button greenbtn">收藏</a>
							</div>
							<div class="course_describe">
								<a class="teacher"><img src="images/people3.jpg"></a>
								<a class="t_name">Arlena</a>
								<p><a href="">按照一个模式一个课程的方式讲解23种设计模式。每个模式讲3-4节课，从模拟项目设计引入设计模式设计方案，并有详细示例代码和效果演示。</a></p>
								<a href="" class="button greenbtn">马上学习</a>
							</div>
						</div>
						<div class="c_typein">
							<h2>Java 设计模式</h2>
							<img src="images/excellent4.jpg">
							<div class="course_info">
								<span>19门</span>
								<span>89564人学习</span>
								<a href="" class="button greenbtn">收藏</a>
							</div>
							<div class="course_describe">
								<a class="teacher"><img src="images/psb1.jpg"></a>
								<a class="t_name">Arlena</a>
								<p><a href="">按照一个模式一个课程的方式讲解23种设计模式。每个模式讲3-4节课，从模拟项目设计引入设计模式设计方案，并有详细示例代码和效果演示。</a></p>
								<a href="" class="button greenbtn">马上学习</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--精品课程-->

			<!--Wiki-->
			<div class="section2 w1024">
				<div class="excellent">
					<div class="pro_title clear">
						<span class="title_n">
							<a>Wiki</a>
							<i>?</i>
						</span>
						<a class="more_addr" href="">更多 >></a>
					</div>
				</div>
				<div class="wikibox clear">
					<div class="wikilist">
						<h3>推荐</h3>
						<div class="bookimg">
							<a href="">
								<img src="images/book1.jpg">
								<span>Java 程序员眼中的 Linux</span>
								<i>120页/30章</i>
							</a>
							<a href="">
								<img src="images/book2.jpg">
								<span>Django 搭建博客</span>
								<i>70页/13章</i>
							</a>
						</div>
						<ul class="booklist">
							<li>
								<a href="">
									<span>· Lua 教程</span>
									<i>70页/13章</i>
								</a>
							</li>
							<li>
								<a href="">
									<span>· Lua 教程</span>
									<i>70页/13章</i>
								</a>
							</li>
							<li>
								<a href="">
									<span>· Lua 教程</span>
									<i>70页/13章</i>
								</a>
							</li>
						</ul>
					</div>
					<div class="wikilist">
						<h3>最新</h3>
						<div class="bookimg">
							<a href="">
								<img src="images/book3.jpg">
								<span>Java 程序员眼中的 Linux</span>
								<i>120页/30章</i>
							</a>
							<a href="">
								<img src="images/book4.jpg">
								<span>Django 搭建博客</span>
								<i>70页/13章</i>
							</a>
						</div>
						<ul class="booklist">
							<li>
								<a href="">
									<span>· Lua 教程</span>
									<i>70页/13章</i>
								</a>
							</li>
							<li>
								<a href="">
									<span>· Lua 教程</span>
									<i>70页/13章</i>
								</a>
							</li>
							<li>
								<a href="">
									<span>· Lua 教程</span>
									<i>70页/13章</i>
								</a>
							</li>
						</ul>
					</div>
					<div class="wikilist">
						<h3>热门</h3>
						<div class="bookimg">
							<a href="">
								<img src="images/book5.jpg">
								<span>Java 程序员眼中的 Linux</span>
								<i>120页/30章</i>
							</a>
							<a href="">
								<img src="images/book6.jpg">
								<span>Django 搭建博客</span>
								<i>70页/13章</i>
							</a>
						</div>
						<ul class="booklist">
							<li>
								<a href="">
									<span>· Lua 教程</span>
									<i>70页/13章</i>
								</a>
							</li>
							<li>
								<a href="">
									<span>· Lua 教程</span>
									<i>70页/13章</i>
								</a>
							</li>
							<li>
								<a href="">
									<span>· Lua 教程</span>
									<i>70页/13章</i>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--Wiki end-->

			<!--战略合作企业-->
			<div class="section2 w1024">
				<div class="excellent">
					<div class="pro_title clear">
						<span class="title_n">
							<a>战略合作企业</a>
						</span>
						<a class="more_addr" href="">更多 >></a>
					</div>
					<div class="cooperation clear companyco">
						<a href=""><img src="images/microsoft.jpg"></a>
						<a href=""><img src="images/tengxun.jpg"></a>
						<a href=""><img src="images/chukong.jpg"></a>
						<a href=""><img src="images/comQU.jpg"></a>
						<a href=""><img src="images/comAMD.jpg"></a>
						<a href=""><img src="images/keda.jpg"></a>
					</div>
				</div>
			</div>
			<!--战略合作企业 end-->

			<!--合作院校-->
			<div class="section2 w1024">
				<div class="excellent">
					<div class="pro_title clear">
						<span class="title_n">
							<a>合作院校</a>
						</span>
						<a class="more_addr" href="">更多 >></a>
					</div>
					<div class="cooperation clear schoolco">
						<a href=""><img src="images/school1.png"></a>
						<a href=""><img src="images/school2.png"></a>
						<a href=""><img src="images/school3.png"></a>
						<a href=""><img src="images/school4.png"></a>
						<a href=""><img src="images/school5.png"></a>
						<a href=""><img src="images/school6.png"></a>
						<a href=""><img src="images/school7.png"></a>
					</div>
				</div>
			</div>
			<!--合作院校 end-->

			<!--媒体报道-->
			<div class="section2 w1024">
				<div class="excellent">
					<div class="pro_title clear">
						<span class="title_n">
							<a>媒体报道</a>
						</span>
						<a class="more_addr" href="">更多 >></a>
					</div>
				</div>
				<div class="cooperation clear mediaco">
						<a href=""><img src="images/media1.jpg"></a>
						<a href=""><img src="images/media2.jpg"></a>
						<a href=""><img src="images/media3.jpg"></a>
						<a href=""><img src="images/media4.jpg"></a>
						<a href=""><img src="images/media5.jpg"></a>
						<a href=""><img src="images/media6.jpg"></a>
					</div>
			</div>
			<!--媒体报道 end-->

		</div>
		<!--content内容 END-->
		<!--footer尾部-->
		<div class="footer">
			<div class="footercon">
				<div class="w1024">
					<div class="footerinfo clear">
						<dl>
							<dt><a href="">极客学院</a></dt>
							<dd><a href="">· 职业课程库</a></dd>
							<dd><a href="">· 知识体系图</a></dd>
							<dd><a href="">· 职业路径图</a></dd>
							<dd><a href="">· 企业课程</a></dd>
							<dd><a href="">· 资源下载</a></dd>
							<dd><a href="">· 课程标签</a></dd>
						</dl>
						<dl>
							<dt><a href="">网站服务</a></dt>
							<dd><a href="">· 课程需求</a></dd>
							<dd><a href="">· 免费体验VIP</a></dd>
							<dd><a href="">· 黑板报</a></dd>
							<dd><a href="">· 网站地图</a></dd>
						</dl>
						<dl>
							<dt><a href="">帮助中心</a></dt>
							<dd><a href="">· 技术问答</a></dd>
							<dd><a href="">· VIP权益</a></dd>
							<dd><a href="">· 常见问题</a></dd>
							<dd><a href="">· 服务条款</a></dd>
							<dd><a href="">· 版权声明</a></dd>
							<dd><a href="">· 免责声明</a></dd>
						</dl>
						<dl>
							<dt><a href="">交流合作</a></dt>
							<dd><a href="">· 关于我们</a></dd>
							<dd><a href="">· 联系我们</a></dd>
							<dd><a href="">· 社会招聘</a></dd>
							<dd><a href="">· 布道师招聘</a></dd>
							<dd><a href="">· 合作咨询</a></dd>
							<dd><a href="">· 友情链接</a></dd>
							<dd><a href="">· 实战教练招募</a></dd>
						</dl>
						<div class="share">
							<p>极客学院，编程是一种信仰</p>
							<div class="appDown">
								<a href="">
									<img src="images/iphoneicon.png">
									<div>
										<strong>手机客户端</strong>
										<p>离线缓存 随时学习</p>
									</div>
								</a>
							</div>
							<div class="share_list">
								<a href="" class="weibo"></a>
								<a href="" class="tieba"></a>
								<a href="" class="weixin"></a>
							</div>
							<div class="kefu_online">
								<a href="">
									<i></i>
									<div>
										<h5>联系我们</h5>
										<p>工作日9:00-21:00在线</p>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="copyright">
				<p>Copyright © 2013-2016
					<a href="">北京优亿致远无线技术有限公司</a>
					<a href="">jikexueyuan.com</a> 
					All Rights Reversed. 京ICP备11018032号-8 京公网安备11010802020210
				</p>
			</div>
		</div>
		<!--footer尾部 END-->
	</div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/layout.js"></script>
</body>
</html>
